<!DOCTYPE html>
<html>
	<head>
		<title>{$newsInfo['title']}</title>
		<meta content="NONE" name="ROBOTS">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta content="{$newsInfo['short_desc']}" name="description">
		<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="twcClient" id="twcClient" content="false">
		<style>
			body,dl,dt,dt,ul,ol,li,h1,h2,h3{padding:0;margin:0}
			ol,ul{list-style:none}
			/*body{background-color:#eee}*/
			.m{font:17px/1.5\5FAE\8F6F\96C5\9ED1,\9ed1\4f53,"Arial",sans-serif;color:#000;word-wrap:break-word}
			.m a {background:transparent;text-decoration: none;color: #08c; word-wrap:break-word;}
			.m a, .m a:active {color:#333;text-decoration:none}
			.m a:hover{color:#333;text-decoration:none;}
			.m strong{font-weight:bold}.m .hd{padding:10px 16px;border-bottom:1px solid #d9d9d9}
			.m .hd h1{margin:0 0 5px;font-size:20px;font-weight:700;color:#000}
			.m .meta{font-size:12px;line-height:12px;color:#999}
			.m .bd{padding:0 16px 8px 16px;text-indent:2em;text-align:justify}
			.m .bd img{padding:0 0;max-width:100%;display: table;}
			.cover{padding:18px 0px 0px 0px;text-align:center;text-indent:0em;}
			.downloadTips {position: relative;background-color:#f1f1f1;height: 60px;}
			.downloadBtn {border-radius: 4px;box-shadow: 1px 1px 4px rgba(0,0,0,.1);color: white;
				display: inline-block;position: absolute;top:50%;right: 10px;margin-top: -13px;
				line-height: 26px;font-size: 12px;text-align:center;width: 72px;height: 26px;
				background: #44c9d8; background: -moz-linear-gradient(top,#44c9d8 0%, #42bcd7 100%);
				background: -webkit-gradient(linear, left top,left bottom, color-stop(0%,#44c9d8), color-stop(100%,#42bcd7));
				background:-webkit-linear-gradient(top, #44c9d8 0%,#42bcd7 100%); 
				background: -o-linear-gradient(top, #44c9d8 0%,#42bcd7 100%);
				background: -ms-linear-gradient(top, #44c9d8 0%,#42bcd7 100%);
				background: linear-gradient(to bottom, #44c9d8 0%,#42bcd7 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44c9d8', endColorstr='#42bcd7',GradientType=0 ); }
			.appLink {text-decoration: none;height: 60px;display: block;}
			.appIcon {float: left; max-width: 46px; max-height: 46px;margin: 7px 10px 0 15px;}
			.appName {font-size: 16px;font-weight: bold;color: #555;margin: 0;padding-top: 15px;}
			.appSlogan {padding-top: 2px;font-size: 12px;font-weight: normal;color: #999;margin: 0;}
			.m .commentBox {margin: 0 10px;}
			.m .commentBox .title {background: #42bfd7;height: 39px;line-height: 39px;padding-left: 10px;}
			.m .commentBox .title h2 {font-size: 17px;color: #fff;margin: 0;padding-top: 4px;text-align: left;}
			.m .commentBox .bd_top {border: 1px solid #dbd7d7;}
			.m .commentBox .bd_top .listBox .info {border-left: 5px solid #42bfd7;}
			.m .commentBox .listBox {margin-top: 20px;}
			.m .commentBox .listBox .info {border-left: 5px solid #ccc;height: 30px;line-height: 30px;padding: 0 5px;background: #dfdfdf;}
			.m .commentBox .listBox .info h4 {float: left;color: #777;font-size: 14px;margin:0px auto;}
			.m .commentBox .listBox .info .num {float: right;display: block;}
			.m .commentBox .listBox .info .num a {display: inline-block;width: 44px;text-align: center;}
			.m .commentBox .listBox .info .num a img{margin-top:6px;}
			.m .commentBox .listBox .info .num a .liang {position: relative;top: -3px;}
			.m .commentBox .bd_top .listBox .text {color: #000;}
			.m .commentBox .listBox .text {padding: 10px;font-size: 17px;line-height: 24px;color: #333;}
		</style>
	</head>
	<body>
		<div class="downloadTips" style="border-bottom:1px solid #d9d9d9;">
			<a class="appLink" href="http://mobile.hupu.com/download/joggers?r=share">
				<img id="icon" class="appIcon" src="http://hupu-run.qiniudn.com/Joggers.png.png" alt="虎扑跑步" />
				<div class="downloadBtn">免费下载</div>
				<div class="appInfo">
					<h1 class="appName">虎扑跑步</h1>
					<h2 class="appSlogan">
						减肥健身跑步训练好帮手！
					</h2>
				</div>
			</a>
		</div>
		<div class="m">
			<div id="news" class="hd" data-url="http://irun.hupu.com/news/{$newsInfo['news_id']}.html?r=wxshare">
				<h1>
					{$newsInfo['title']}
				</h1>
				<div class="meta">
					{$publishTime} &nbsp;来自：虎扑跑步 &nbsp;{$commentCount}评论
				</div>
			</div>
			<div class="bd">
				{$newsInfo['content']}
			</div>
			{if $hotComment}
			<div class="commentBox" id="commentInner">
				<a name="top_reply" id="top_reply"></a>
				<div class="title"><h2>这些回帖亮了</h2></div>
				<div class="bd_top">
					{loop $hotComment $k $v}
					<div class="listBox">
					    <div class="info">
					        <h4>{$v['nickname']}</h4>
					        <div class="num">
					            <a>
				                    <img src="http://hupu-run.qiniudn.com/lights.png" height="20">
			                    	<span class="liang">{$v['lights']}</span>
		                        </a>
							</div>
					    </div>
					    <div class="text">{$v['comment_content']}</div>
					    <div class="img"><img src="{$v['thumb_img']}" /></div>
					</div>
					{/loop}
				</div>
			</div>
			{/if}
			<div class="downloadTips" style="border-bottom:1px solid #d9d9d9;">
				<a class="appLink" href="http://mobile.hupu.com/download/joggers?r=share">
					<img class="appIcon" src="http://hupu-run.qiniudn.com/Joggers.png.png" alt="虎扑跑步" />
					<div class="downloadBtn">免费下载</div>
					<div class="appInfo">
						<h1 class="appName">虎扑跑步</h1>
						<h2 class="appSlogan">
							减肥健身跑步训练好帮手！
						</h2>
					</div>
				</a>
			</div>
		</div>

<script>
var news = document.getElementById('news'),
    newsUrl = news.getAttribute('data-url');
var icon = document.getElementById('icon'),
	iconUrl = icon.getAttribute('src');

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-53856379-2', 'hupu.com');
ga('send', 'pageview');

var dataForWeixin={
    appId:"",
      TLImg: iconUrl,
      url: newsUrl,
      title: document.title,
      desc:"虎扑跑步",
      fakeid:"",
      callback:function(){}
};

(function(){
 var onBridgeReady=function(){
 WeixinJSBridge.on('menu:share:timeline', function(argv){
     (dataForWeixin.callback)();
     WeixinJSBridge.invoke('shareTimeline',{
         "img_url":dataForWeixin.TLImg,
         "img_width":"120",
         "img_height":"120",
         "link":dataForWeixin.url,
         "desc":dataForWeixin.desc,
         "title":dataForWeixin.title
         }, function(res){});
     });
 };

 if(document.addEventListener){
 document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
 }else if(document.attachEvent){
 document.attachEvent('WeixinJSBridgeReady',onBridgeReady);
 document.attachEvent('onWeixinJSBridgeReady',onBridgeReady);
 }
 })();

</script>
	</body>

</html>